// JavaScript Document





$(function(){
    // alert(6)
    var b=0;
    $('.commen .title .list a').mouseenter(function(){
            // 回复原来
            $(this).parents('.commen').find('.title .list a').css({
            'height': '34px',
            'line-height': '32px',
            'color': '#666666',
            'border-right': '1px solid white',
            'border-left': '1px solid white',
            'border-top': '1px solid #EDEDED',
            'border-bottom':'none',
        })
        $(this).parents('.commen').find('.title .list a').eq(0).css('border-left','1px solid #EDEDED');
        $(this).parents('.commen').find('.title .list a').eq(8).css('border-right','1px solid #EDEDED');
        $(this).parents('.commen').find('.pic .scroll').hide();
        $(this).parents('.commen').find('.title .list a span').css('display','block');
        b=$(this).index();//付下标
        // 设置新状态

        $(this).parents('.commen').find('.pic .scroll').eq(b).show();
        $(this).parents('.commen').find('.title .list a').eq(b).css({
            'border-right': '1px solid #E27A7E',
            'border-left': '1px solid #E27A7E',
            'border-top': '3px solid #E27A7E',
            'border-bottom': '1px solid white',
            'color': '#E27A7E',
            'height':'32px',
            'line-height': '28px',
            'z-index':'5',
        })
        if(b==0){
            $(this).parents('.commen').find('.title .list a span').eq(b-1).css('display','block');
        }else{
            $(this).parents('.commen').find('.title .list a span').eq(b-1).css('display','none');
        }
        $(this).parents('.commen').find('.title .list a span').eq(b).css('display','none');


    })
        $('.commen .pic .scroll .plug').each(function(){
            var jsthis=$(this)[0];
            var jqthis=$(this);
            jsthis.g=0;
        jsthis.run=function(){
            jsthis.g++;
            if(jsthis.g==4||jsthis.g==5){
                jqthis.find('ul li').eq(0).css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
            }else{
                jqthis.find('ul li').eq(jsthis.g).css('background','#B61B1F').siblings('li').css('background','#3E3E3E')
            }
            if (jsthis.g==5) {
                jqthis.find('.plugpic').css('left','0')
                jsthis.g=1;
                jqthis.find('ul li').eq(jsthis.g).css('background','#B61B1F').siblings('li').css('background','#3E3E3E')
            };

            piclength=jqthis.width();
            // document.title=piclength;
            var left=jsthis.g*-piclength+'px';

                jqthis.find('.plugpic').animate({'left':left},700)
        }
        jsthis.runback=function(){
            jsthis.g--;
            if(jsthis.g==4||jsthis.g==5){
                jqthis.find('ul li').eq(0).css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
            }else{
                jqthis.find('ul li').eq(jsthis.g).css('background','#B61B1F').siblings('li').css('background','#3E3E3E')
            }
            if (jsthis.g==-1) {
                jqthis.find('.plugpic').css('left','-1756px')
                jsthis.g=3;
                jqthis.find('ul li').eq(jsthis.g).css('background','#B61B1F').siblings('li').css('background','#3E3E3E')
            };

            var left=jsthis.g*-piclength+'px';

                jqthis.find('.plugpic').animate({'left':left},700)
        }
            // 自动定时器
            jsthis.timer=setInterval(jsthis.run,1000)
            // 左右按钮
            // var s=1;

            // jqthis.find('a.left').click(function(){
            //     if(s!=1){
            //         return;
            //     }
            //     s=2;
            //     setTimeout(function(){
            //         s=1;
            //     },600)
            //     jsthis.runback();
            // })
            // jqthis.find('a.right').click(function(){
            //     if(s!=1){
            //         return;
            //     }
            //     s=2;
            //     setTimeout(function(){
            //         s=1;
            //     },600)

            //     jsthis.run();
            // })

        })

        var s=1;

            $('.commen .pic .scroll .plug a.left').click(function(){

                if(s!=1){
                    return;
                }
                s=2;
                setTimeout(function(){
                    s=1;
                },600)
                $(this).parent()[0].runback();
            })
            $('.commen .pic .scroll .plug a.right').click(function(){

                if(s!=1){
                    return;
                }
                s=2;
                setTimeout(function(){
                    s=1;
                },600)

                 $(this).parent()[0].run();
            })















        $('.commen .pic .scroll .plug ul li').mouseenter(function(){
                var jsthis=$(this)[0];
                var jqthis=$(this);
                var jthis=$(this).index();
                jsthis.time1=setTimeout(function(){
                    jsthis.g=jthis;
                    var left=jsthis.g*-439+'px';
                jqthis.css('background','#B61B1F').siblings('li').css('background','#3E3E3E');
                jqthis.parents('.commen').find('.pic .scroll .plug .plugpic').stop().animate({'left':left},700)
                },200)
            })
            // 鼠标移出圆圈是无需设置移出事件
            // $('#main .middle ul li').mouseleave(function(){
            //     var jsthis=$(this)[0];
            //     clearTimeout(jsthis.time1);
            // })


        $('.commen .pic .scroll .plug').mouseenter(function() {
            var jsthis=$(this)[0];
            clearInterval(jsthis.timer);
        });
        $('.commen .pic .scroll .plug').mouseleave(function() {
            var jsthis=$(this)[0];
            jsthis.timer=setInterval(jsthis.run, 1000);
        });

            // 左右进退时间

         // var s=1;

         //    $('.commen .pic .scroll .plug a.left').click(function(){
         //        if(s!=1){
         //            return;
         //        }
         //        s=2;
         //        setTimeout(function(){
         //            s=1;
         //        },600)
         //        runback();
         //    })
         //    $('.commen .pic .scroll .plug a.right').click(function(){
         //        if(s!=1){
         //            return;
         //        }
         //        s=2;
         //        setTimeout(function(){
         //            s=1;
         //        },600)

         //        run();
         //    })


})











